@import '../../resources/css/default-page.less';

page{
  background: #F6F6F6;
}
.coupon-bag-head {
  position: fixed;
  width: 100%;
  height: 110rpx;
  z-index: 1000;
  text-align: center;
  background:#f6f6f6;
}
.coupon-tabs {
  overflow: hidden;
  // width: 444rpx;
  height: 60rpx;
  margin: 25rpx auto;
  .coupon-tabs-item {
    display: inline-block;
    line-height: 56rpx;
    width: 222rpx;
    text-align: center;
    color: #FF2424;
    font-size: 30rpx;
  }
  .coupon-tabs-item-left {
    border-top-left-radius: 8rpx;
    border-bottom-left-radius: 8rpx;
    border: 1rpx solid #ff2424;
    border-right: none;
  }
  .coupon-tabs-item-right {
    border-top-right-radius: 8rpx;
    border-bottom-right-radius: 8rpx;
    border: 1rpx solid #ff2424;
    border-left: none;
  }
  .coupon-tabs-active {
    background: #FF2424;
    color: #fff;
    // border-left: none;
  }
}

.card-list {
  padding-top: 90rpx;
  height: 100%;
  & .load-tips{
    font-size: 28rpx;
    color: #666;
    text-align: center;
  }
}
.list {
  width: 690rpx;
  background: #fff;
  margin: 30rpx auto;
  padding-bottom: 30rpx; 
  border-radius: 12rpx;
  .card-bottom {
    margin-top: 20rpx;
    display: flex;
    justify-content: space-between;
    .goods-status {
      font-size: 28rpx;
      color: #666666;
      padding-left: 30rpx;
      line-height: 62rpx;
    }
  }
  .btn {
    // margin-top: 20rpx;
    display: flex;
    justify-content: flex-end;
    .give-others, .now-use {
      // display: inline-block;
      border: 1rpx solid #FF2424;
      background: #fff;
      margin: 0 30rpx 0 0;
      color: #FF2424;
      &::after {
        border: none;
      }
    }
    .now-use {
      // line-height: 56rpx;
      background: #FFEDED;
    }
    .tip {
      background: #FFEDED;
      border: 1rpx solid #FF2424;
      margin-right: 30rpx;
      color: #FF2424;
      line-height: 60rpx;
      height: 60rpx;
      &::after {
        border: none;
      }
    }
  }
}
.p-b-0 {
  padding-bottom: 0;
}
// 物流弹窗
.share-popup {
  .custom-popup-class {
    .custom-ani-class {
      width: 90%;
      max-width: 90%;
    }
    .wux-popup__content {
      border-radius: 0rpx;
      background-color: transparent;
    }
  }
  .wux-popup-position.wux-popup-position--center .wux-popup__hd {
    padding: 0;
  }
  .wux-popup-position.wux-popup-position--center .wux-popup__bd {
    padding: 0;
  }

  // 物流信息弹窗
.logistics-goods-info {
  color: #fff;
  padding: 30rpx;
  background-image: linear-gradient(-90deg, #ff436d 0%, #ff2931 100%);
  font-family: SourceHanSansCN-Regular;
  .l-g-i-title {
    font-size: 34rpx;
    color: #ffffff;
    text-align: center;
    margin: 0 0 30rpx;
  }
  .logistics-goods-img-box {
    width: 22%;
    margin-right: 10rpx;
    vertical-align: top;
    display: inline-block;
    .logistics-goods-img {
      width: 110rpx;
      height: 110rpx;
    }
  }
  .logistics-goods-detail {
    display: inline-block;
    text-align: left;
    font-size: 26rpx;
    width: 75%;
    // max-width: 380rpx;
    .logistics-goods-name {
      font-size: 28rpx;
    }
  }
}
  .logistics-address-info {
    background: #fff;
    text-align: left;
    height: 654rpx;
    overflow-y: scroll;
    padding: 30rpx;
    border-bottom-left-radius: 6rpx;
    border-bottom-right-radius: 6rpx;
    .logis-detail {
      margin-bottom: 20rpx;
      .logis-status {
        display: inline-block;
        width: 38rpx;
        margin-right: 10rpx;
        vertical-align: top;
        text-align: center;
        .logis-status-over {
          background: #dfdfdf;
          width: 20rpx;
          height: 20rpx;
          border-radius: 50%;
          overflow: hidden;
          margin: 10rpx auto 5rpx;
        }
        .logis-status-last {
          width: 38rpx;
          height: 38rpx;
          border-radius: 50%;
          overflow: hidden;
          margin: 0 auto 5rpx;
          opacity: 0.31;
          background-image: linear-gradient(-180deg, #ff9291 0%, #ff5656 97%);
          .logis-status-last-content {
            background-image: linear-gradient(-180deg, red 0%, red 100%);
            width: 22rpx;
            height: 22rpx;
            border-radius: 50%;
            overflow: hidden;
            margin: 8rpx auto;
            opacity: 1;
          }
        }
        .logis-progress-bar {
          width: 1rpx;
          margin: 0 auto;
          border-right: 1rpx solid #dfdfdf;
          height: 105rpx;
        }
      }
      .logis-address-detail {
        width: 90%;
        display: inline-block;
        font-family: PingFangSC-Regular;
        .logis-address-remark {
          font-size: 30rpx;
          color: #666666;
          text-align: justify;
          line-height: 44rpx;
        }
        .logis-time {
          margin-top: 10rpx;
          font-family: PingFangSC-Regular;
          font-size: 26rpx;
          color: #999999;
          text-align: justify;
        }
      }
    }
  }
  .logistics-address-info::-webkit-scrollbar {
    display: none;
  }

  .close-btn-box {
    width: 100%;
    & .iconfont {
      font-size: 48rpx;
      font-weight: bold;
      color: #fff;
      border: 2rpx solid #fff;
      border-radius: 50%;
      padding: 5rpx;
    }
  }
}

// 赠送弹窗
.send-popup-title {
  display: flex;
  justify-content: space-between;
  height: 100rpx;
  line-height: 100rpx;
  padding: 0 30rpx;
  // border-bottom: 1rpx solid #E3E3E3;
  .send-title {
    font-size: 30rpx;
    color: #333333;
  }
}
.send-icon {
  display: flex;
  justify-content: space-around;
  margin: 50rpx auto;
  .icon-text {
    text-align: center;
    .share-btn {
      background: #fff;
      &::after {
        border: none;
      }
      .text {
        margin-top:6rpx;
        line-height:28rpx;
      }
    }
    .icon {
      width: 52rpx;
      height: 52rpx;
    }
    .text {
      margin-top: 14rpx;
      font-size: 28rpx;
      color: #666666;
    }
  }
}